Support > Design > Product List > Category List Style

Category List Style

 

When you design your online shop website, adding an All Categories & Products module on the page or select the All Categories & Products style on the “Products” page and add your own design on the category list; can allow visitors to browse your products by categories conveniently and project a unique style of your website design.

 

Note: Before designing on the category list, you must add product categories first.

 

 

1.    The “Products” Page

 

Go to Admin Panel > Design > Pages,

click “Products” to enter the page.

 

 

2.    Category List Style

 

Click to enter the Category List Style setup page.

 

 

3.    Styling Features

 

You can design the product listing style of your online shop.

You can preview the styling effect instantly.

The Category List Style will be auto applied onto the All Categories & Products module.

 

You can click “Reset Default” to reset all the Category List Style to the system default settings.

 

 

Category List:

Top Margin

Adjust the top margin of the Category List to align with the product list.

 

 

After changing the background color of the “All Categories & Products” module, the “Category List” position may appear too high or too low.

 

 

Background Color

Color to be applied to the whole Category List page.

 

 

Category Title:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Categories:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Price Range:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Sort by:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Clear All Filters:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

4.    Apply the Updates

 

Save  the changes.

 

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
eshopland 網店平台-PayPal 網店收款
eshopland 網店平台-「接受缺貨訂單」、「預購」、「無限庫存」功能
eshopland 網店平台-系統直出順豐單,無須插件
eshopland 網店平台-轉平台首選
eshopland 網店平台服務計劃明碼實價,零抽佣,無插件費,無隱藏收費,無系統維護費
eshopland 網店平台範本-Epsilon
eshopland 網店平台範本-Eta
eshopland 網店手機印單

You May Also Like

Split an Order

To enhance the operational flexibility of your online shop, designated service plan users would be able to split orders, in order to fulfill customers’ specified ship requirements or to deal with th... [read more]

Limited Time Products

Merchants subscribed for eshopland “Professional” plan can set individual products as “Limited Time” products to effective attract customers’ order within the limited period. This feature is also ap... [read more]

Stripe Auto Payment Method

eshopland platform supports the international well-known payment platform, Stripe, as one of the payment methods of your online shop. Your customers will be able to shop and pay by credit cards and ... [read more]

Announcement Bar

eshopland e-Commerce Platform allows merchants to add an announcement bar onto your online shop to display important information such as free shipping arrangement, latest news, offers and promotions... [read more]

Recommended Articles